<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/reply.css" rel="stylesheet" type="text/css">
    <link href="http://css.mafengwo.net/css/cv/css+mdd+place-crumb:css+mdd+place-navbar^Z1U^1559788120.css"
          rel="stylesheet" type="text/css">
    <link href="http://css.mafengwo.net/css/mdd/place-crumb.css?1530619858" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/viewpoint/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="/js/viewpoint/travelfilter.js"></script>
    <script type="text/javascript" src="/js/viewpoint/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/viewpoint/common.js"></script>
    <script>
        $(function () {
            $('._tag').click(function () {
                var tagid = $(this).data('tagid');
                console.log(tagid);
                $('input[name="tagId"]').val(tagid);
                $('#searchForm').submit();
            })

        })
    </script>
</head>

<body>
<#assign currentNav="destination">
<#include "../common/navbar.ftl">
    <div class="container">
        

	<div class="row row-placeTop" data-cs-p="面包屑">
    <div class="wrapper">
        <div class="crumb">
            <div class="item">
                <a href="/mdd/" target="_blank">目的地</a><em>&gt;</em></div>
            <#list toasts as t>
                <div class="item">
                    <div class="drop">
                        <span class="hd"><a href="javascript:;" target="_blank">${(t.name)!}<i></i></a></span>
                        <div class="bd">
                            <i class="arrow"><b></b></i>
                            <div class="col">
                                <h3>热门地区</h3>
                                <ul class="clearfix">
                                    <#list t.children as tc>
                                        <#if tc_index lt 5 >
                                            <li><a href="/destination/guide?id=${tc.id!}" target="_blank">${tc.name}</a> </li>
                                        </#if>
                                    </#list>

                                </ul>
                            </div>
                            <div class="more"><a href="/destination/guide?id=${t.id}" target="_blank">&gt;&gt;更多地区</a></div>
                        </div>
                    </div>
                    <em>&gt;</em>
                </div>
            </#list>
            <div class="item">
                <div class="drop">
                    <span class="hd"><a href="/travel-scenic-spot/mafengwo/10088.html">${dest.name}<i></i></a></span>
                    <div class="bd">
                        <i class="arrow"><b></b></i>
                        <div class="col">
                            <!--h3>热门国家</h3-->
                            <ul class="clearfix">
                                <li><a href="#" target="_blank">${dest.name}行程线路</a></li>
                                <li><a href="#" target="_blank">${dest.name}景点</a></li>
                                <li><a href="#" target="_blank">${dest.name}酒店</a></li>
                                <li><a href="#" target="_blank">${dest.name}餐饮</a></li>
                                <li><a href="#" target="_blank">${dest.name}购物</a></li>
                                <li><a href="#" target="_blank">${dest.name}娱乐</a></li>
                                <li><a href="#" target="_blank">${dest.name}当地玩乐</a></li>
                                <li><a href="#" target="_blank">${dest.name}自由行攻略</a></li>
                            </ul>
                        </div>
                        <!--div class="more"><a href="#">&gt;&gt;更多国家</a></div-->
                    </div>
                </div>
                <em>&gt;</em>
            </div>
            <div class="item cur"><strong>${dest.name}景点</strong></div>
        </div>
        <script language="JavaScript" type="text/javascript">
            $(function () {
                //面包屑
                $('.drop').mouseenter(function (ev) {
                    var target = $(ev.currentTarget);
                    clearTimeout(target.data('hideTimer'));
                    target.addClass('open');
                    target.children('bd').fadeIn(200);
                });
                $('.drop').mouseleave(function (ev) {
                    var target = $(ev.currentTarget);
                    target.data("hideTimer", setTimeout(function () {
                        target.removeClass('open');
                        target.children('bd').fadeOut(200);
                    }, 200));
                });
            });
        </script>

        <div class="place-navbar" id="_j_mdd_place_nav_bar_warper" style="border-top: 0;" data-cs-t="目的地导航">
            <div class="navbar-con">
                <ul class="navbar clearfix navbar-first-level-warper">
                    <li class="navbar-overview">
                        <a class="navbar-btn" href="javascript:history.go(-1);" data-cs-p="首页">
                            <i class="navbar-icon"></i><span>首页</span>

                        </a>
                    </li>
                    <li class="navbar-line">
                        <a class="navbar-btn" href="#" data-cs-p="行程线路">
                            <i class="navbar-icon"></i><span>行程线路</span>

                        </a>
                    </li>
<#--                    <li class="navbar-scenic">-->
<#--                        <a class="navbar-btn" href="/jd/10088/gonglve.html" data-cs-p="景点">-->
<#--                            <i class="navbar-icon"></i><span>景点</span>-->

<#--                        </a>-->
<#--                    </li>-->
                    <li class="navbar-hotels">
                        <a class="navbar-btn" href="/hotel/10088/?sFrom=mdd" data-cs-p="酒店">
                            <i class="navbar-icon"></i><span>酒店</span>

                        </a>
                    </li>
                    <li class="navbar-flight">
                        <a class="navbar-btn" href="/flight/" target="_blank" data-cs-p="机票">
                            <i class="navbar-icon"></i><span>机票</span>

                        </a>
                    </li>
                    
                </ul>
            </div>
        </div>
        <div id="fill_area" style="height: 75px; display: none;"></div>

    </div>
</div>



<div class="row row-summary row-bg">
    <div class="wrapper">
        <h2 class="title">景点概况</h2>
        <div>
            <p style="">
            ${attr.attraction}
        </div>
    </div>
	
</div>
<br>
<br>







<div class="row row-top5" data-cs-p="必游景点">
    <div class="wrapper">
        <h2 class="title">必游景点TOP5</h2>
        <#list commendVps as cvp>
        <div class="item clearfix">
            <div class="info">
                <div class="middle">
                    <h3>
                        <span class="num">${cvp_index + 1}</span>
                        <a href="/destination/viewpointdetail?pointId=${cvp.id!}&destId=${dest.id!}" target="_blank" title="广州塔">${cvp.name}
                        </a><a href="/destination/viewpointdetail?pointId=${cvp.id!}&destId=${dest.id!}" target="_blank" title="广州塔">
                        <span class="rev-total"><em>${cvp.replyNum!}</em> 条点评</span>
                    </a>
                    </h3>
                    <p>${cvp.title!}</p>
                    <div class="links">这里还包含景点：
                        <#list cvp.children as c>
                        <a href="/destination/viewpointdetail?pointId=${c.id!}&destId=${dest.id!}" target="_blank">${c.name}</a>
                        </#list>
                    </div>
                </div>
            </div>
            <div class="pic">
                <a href="/destination/viewpointdetail?pointId=${cvp.id!}&destId=${dest.id!}" target="_blank" title="${cvp.name}">
                    <#list cvp.coverUrls as cu>
                    <#if cu_index == 0>
                    <div class="large">
                        <img src="${cu!}"
                             width="380" height="270">
                    </div>
                        <#elseif cu_index == 1>
                    <div>
                        <img src="${cu!}"
                             width="185" height="130">
                    </div>
                        <#else >
                    <div>
                        <img src="${cu!}"
                             width="185" height="130">
                    </div>
                    </#if>
                    </#list>
                </a>
            </div>
        </div>
        </#list>

    </div>
</div>
<Br>
<Br>



<div class="row row-hotScenic row-bg" data-cs-p="热门景点">
    <div class="wrapper">
        <h2 class="title">热门景点</h2>
        <div class="bd">
            <#if hotVps??>
            <#list hotVps as hvp>
                <#if (hvp_index == 0) || (hvp_index == 7)>
                <div class="grid grid-two">
                <#elseif (hvp_index == 1) || (hvp_index == 3) || (hvp_index == 5)||(hvp_index == 8)>
                <div class="grid">
                </#if>
                <div class="figure"><a href="/destination/viewpointdetail?pointId=${hvp.id!}&destId=${dest.id!}" target="_blank" title="${hvp.name!}">
                        <#list hvp.coverUrls as c>
                            <#if c_index == 0>
                                <img src="${c!}"
                                     width="485" height="320">
                            </#if>
                        </#list>
                        <h3 class="title">${hvp.name!}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${hvp.name!}</h3>
                                    <p>${hvp.title!}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <#if (hvp_index == 0) || (hvp_index == 2) ||(hvp_index == 4)|| (hvp_index == 6) || (hvp_index == 7)||(hvp_index == 9)>
                 </div>
                 </#if>
            </#list>
            </#if>

                <div class="figure">
                    <a  target="_blank" title="红专厂创意园">
                        <img src="http://n3-q.mafengwo.net/s7/M00/C0/B2/wKgB6lR5l6mABglmAD5ONUIG7c885.jpeg?imageMogr2%2Fthumbnail%2F%21242x155r%2Fgravity%2FCenter%2Fcrop%2F%21242x155%2Fquality%2F100"
                             width="242" height="155">
                        <h3 class="title">红专厂创意园</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>红专厂创意园</h3>
                                    <p>浓浓的怀旧风，文艺范十足</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                </div>
            <div class="grid">
                <div class="figure">
                    <a  target="_blank" title="广州长隆旅游度假区">
                        <img src="http://p3-q.mafengwo.net/s12/M00/FA/86/wKgED1whybCAFHfjABn7foL1A6I47.jpeg?imageMogr2%2Fthumbnail%2F%21242x155r%2Fgravity%2FCenter%2Fcrop%2F%21242x155%2Fquality%2F100"
                             width="242" height="155">
                        <h3 class="title">广州长隆旅游度假区</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>广州长隆旅游度假区</h3>
                                    <p>整个度假区很适合带孩子游玩，家庭周末出游的上佳选择</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="figure">
                    <a  target="_blank" title="小洲村">
                        <img src="http://p1-q.mafengwo.net/s6/M00/FC/D6/wKgB4lLXeNGAB1d_AAPlw-QqOPM76.jpeg?imageMogr2%2Fthumbnail%2F%21242x155r%2Fgravity%2FCenter%2Fcrop%2F%21242x155%2Fquality%2F100"
                             width="242" height="155">
                        <h3 class="title">小洲村</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>小洲村</h3>
                                    <p>保留岭南水乡小桥流水人家的生活情态。</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <div class="grid grid-two">
                <div class="figure">
                    <a  target="_blank" title="大夫山森林公园">
                        <img src="http://b4-q.mafengwo.net/s5/M00/61/64/wKgB3FHl6kKAG7AXAAWR6CvoUaY37.jpeg?imageMogr2%2Fthumbnail%2F%21485x320r%2Fgravity%2FCenter%2Fcrop%2F%21485x320%2Fquality%2F100"
                             width="485" height="320">
                        <h3 class="title">大夫山森林公园</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>大夫山森林公园</h3>
                                    <p>广州地区生态型森林公园，山清水秀，空气清新</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <div class="grid">
                <div class="figure">
                    <a  target="_blank" title="华南植物园">
                        <img src="http://b3-q.mafengwo.net/s6/M00/0D/DD/wKgB4lMtPNGAN1n0AAv_YXyOQLs29.jpeg?imageMogr2%2Fthumbnail%2F%21242x155r%2Fgravity%2FCenter%2Fcrop%2F%21242x155%2Fquality%2F100"
                             width="242" height="155">
                        <h3 class="title">华南植物园</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>华南植物园</h3>
                                    <p>全国三大植物园之一，深秋的时候别有一番风味</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="figure">
                    <a  target="_blank" title="太古仓码头">
                        <img src="http://n1-q.mafengwo.net/s6/M00/DC/D7/wKgB4lOJsrKAejs0AAPBfY9TKxU00.jpeg?imageMogr2%2Fthumbnail%2F%21242x155r%2Fgravity%2FCenter%2Fcrop%2F%21242x155%2Fquality%2F100"
                             width="242" height="155">
                        <h3 class="title">太古仓码头</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>太古仓码头</h3>
                                    <p>广州对外通商缩影，红砖房创意园区</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>

        </div>
    </div>
</div>



<div class="pagelet-block">
<div class="row row-allScenic" data-cs-p="全部景点">

    <div class="wrapper">
        <form id="searchForm" action="/destination/viewpointlist" method="post">
            <input type="hidden" name="currentPage" value="1" id="currentPage">
            <input type="hidden" name="destId" value="${dest.id!}" id="destId">
            <input type="hidden" name="tagId" value="${qo.tagId!-1}" id="tagId">

        <h2 class="title">
            广州全部景点
<#--            <a class="btn-add" href="/poi/add.php?iId=10088" target="_blank" title="推荐新的景点"><i>+</i>推荐新的景点</a>-->
        </h2>
        <ul class="nav clearfix">
            <li class="_tag on" data-tagid="-1">
                <a title="全部景点">全部景点</a>
            </li>
            <#if tags??>
            <#list tags as tag>
                <li class="_tag" data-tagid="#{tag.id!}"><a title="${tag.name!}">${tag.name!}</a></li>
            </#list>
            </#if>
        </ul>
            <script>
                $("._tag").removeClass("on")
                $("._tag[data-tagid=${qo.tagId!}]").addClass("on")
            </script>
        <div class="bd">

            <ul class="scenic-list clearfix">
                <#if pageInfo??>
                <#list pageInfo.list as v>
                <li>
                    <a href="/destination/viewpointdetail?pointId=${v.id!}&destId=${dest.id!}" target="_blank" title="${v.name!}">
                        <div class="img">
                            <#list v.coverUrls as c>
                            <#if c_index == 0>
                            <img src="${c}" width="192" height="130">
                            </#if>
                            </#list>
                        </div>
                        <h3>${v.name!}</h3>
                    </a>

                </li>
                </#list>
                </#if>
            </ul >
            <#include "../common/page.ftl">
        </div>
<#--        <div class="_j_tn_pagination">-->
        </form>
    </div>
    </div>

</div>














    </div>
    <#include "../common/footer.ftl">
</body>

</html>